<!--
 * @Author: wangyu
 * @Date: 2024-12-25 22:05:09
 * @LastEditTime: 2024-12-26 08:18:45
 * @LastEditors: wangyu
 * @Description: 咨询热点
 * @FilePath: \dzsq-smartpark-platform\src\views\overview\components\hot.vue
-->
<template>
  <comHeaer title="咨询热点"> </comHeaer>
  <vue3-seamless-scroll :list="list" class="list" :step="step" :hover="true">
    <div class="tr" v-for="item in list" :key="item.content">
      <div>・{{ item.content }}</div>
    </div>
  </vue3-seamless-scroll>
</template>

<script setup>
import comHeaer from "../../components/comHeader/index.vue";
import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
const step = ref(0.3);
const list = ref([
  {
    content:
      "重庆市中医药振兴发展重大工程 实施方案1实施方案1实施方案1实施方案1",
  },
  { content: "重庆市中医药振兴发展重大工程 实施方案2" },
  { content: "重庆市中医药振兴发展重大工程 实施方案3" },
  { content: "重庆市中医药振兴发展重大工程 实施方案4" },
  { content: "重庆市中医药振兴发展重大工程 实施方案5" },
  { content: "重庆市中医药振兴发展重大工程 实施方案6" },
  { content: "重庆市中医药振兴发展重大工程 实施方案7" },
  { content: "重庆市中医药振兴发展重大工程 实施方案8" },
  { content: "重庆市中医药振兴发展重大工程 实施方案9" },
  { content: "重庆市中医药振兴发展重大工程 实施方案10" },
  {
    content:
      "重庆市中医药振兴发展重大工程 实施方案11实施方案1实施方案1实施方案1实施方案1",
  },
]);
</script>
<style scoped lang="scss">
.list {
  font-size: 16px;
  height: 250px;
  overflow: hidden;
  .tr {
    height: 36px;
    line-height: 48px;
    cursor: pointer;
    > div {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
  }
}
</style>
